@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

@emailNavBar: email-nav-bar;

.@{emailNavBar} {
  width: 100%;
  height: @button-height;
  background: @fill-base;
  color: @color-text-placeholder;
  .hairline('top');
  &-flex {
    height: 100%;
  }
  & &-left,
  & &-right {
    flex: none;
    height: 100%;
    padding: 0 @h-spacing-lg;
    .am-icon {
      width: 18 * @hd;
      height: 18 * @hd;
      margin-top: @button-height / 2 - 9 * @hd;
    }
  }
  &-title {
    text-align: center;
    color: @color-text-base;
  }
}